<include file="Public:header" />

<style>
    .page_content{font-size: 14px;background: url(__ROOT__/static/style_pc/index_c_bg1.jpg);}
    .content_banner{width: 1200px; margin: 0 auto;}
    .content_banner a{line-height: 40px; color: #666;}
    .content_banner a:hover,.content_banner .on{color: #ff2222;}
    .content_banner span:last-child {display: none;}
    .content_list{width: 1200px; margin: 0 auto;background: #ffffff;}
    .content_list ul{display: block;padding-left: 30px;padding-right: 50px;}
    .content_list ul li{padding: 28px 0;  border-top: 1px dashed #E4E4E4;display: block;}
    .content_list ul li .left{float: left;}
    .content_list ul li .left img{width: 215px;height: 170px;}
    .content_list ul li .center{float: left;width: 730px;margin-left: 30px;}
    .content_list ul li .center .title{line-height: 45px; font-weight: bold;font-size: 18px;padding-left: 20px;}
    .content_list ul li .center .title a:hover{color: #ff2222;transition: all .5s;}
    .content_list ul li .center .condition{line-height: 30px; font-size: 15px; padding-left: 20px;}
    .content_list ul li .center .th{line-height: 30px; font-size: 15px; padding:0 15px;border: 1px solid #e8e8e8;text-align: right;width: 90px;}
    .content_list ul li .center .td{line-height: 30px; font-size: 15px; padding:0 15px;border: 1px solid #e8e8e8;background: #ffffff;}
    .content_list ul li .right{float: right;}
    .content_list ul li .right a{ display: block; width: 122px;  height: 40px;  border-radius: 4px;  background: #ff6e4f;  color: #fff;
        font: bold 16px/40px microsoft yahei;  text-align: center; margin-top: 50px;}
    .content_list ul li .right a:hover{transition: all .5s;background: #666666;}
</style>

<div class="page_content">
    <div class="content_banner">
        <foreach name="mianbaoxie" item="val">
            <a href="{$val['url']}" target="_blank">{$val['name']}</a>
            <span style="margin: 0 5px;">></span>
        </foreach>
    </div>
    <div class="content_list">
        <ul>
            <foreach name="list" item="val">
                <li>
                    <div class="left">
                        <a href="{:u('home/index/one_product',array('id'=>$val['id']))}" target="_blank"><img src="{$val['pic']}"></a>
                    </div>
                    <div class="center">
                        <table cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #e8e8e8;background: #f8f8f8">
                            <tr><td colspan="4" class="title">
                                <a href="{:u('home/index/one_product',array('id'=>$val['id']))}" target="_blank">
                                    {$val['name']}
                                </a>
                            </td></tr>
                            <tr><td colspan="4" class="condition">{$val['condition']}</td></tr>
                            <tr>
                                <th class="th">产品类型：</th> <td class="td"><span>{$val.type}</span></td>
                                <th class="th">放款额度：</th> <td class="td"><span>{$val.scope_start} - {$val.scope_end} 元</span></td>
                            </tr>
                            <tr>
                                <th class="th">产品机构：</th> <td class="td"><span>{$val.mechanism} 月</span></td>
                                <th class="th">月利率：</th> <td class="td"><span>{$val.month_rate_start} - {$val.month_rate_end} %</span></td>
                            </tr>
                            <tr>
                                <th class="th">借款期限：</th> <td class="td"><span>{$val.time_limit_start} - {$val.time_limit_end} 月</span></td>
                                <th class="th">还款方式：</th> <td class="td"><span>{$val.repay_type}</span></td>
                            </tr>
                        </table>
                    </div>
                    <div class="right">
                        <a href="{:u('home/index/one_product',array('id'=>$val['id']))}" target="_blank" class="btn">前往申请</a>
                    </div>
                    <div style="clear: both;"></div>
                </li>
            </foreach>
        </ul>
    </div>
    <div style="height: 15px;"></div>
    <style>
        .page_num{background: #ffffff;padding: 50px 0;}
        .page_num .page_num_div{width: 1200px;margin: 0 auto; text-align: center;}
        .page_num .page_num_div a{padding: 10px 16px; border: 1px solid #cccccc;margin-right: 15px; font-size: 19px;}
        .page_num .page_num_div a:hover{ background: #ff2222;transition: all .5s; border: 1px solid #ff2222;color: #ffffff;}
        .page_num .page_num_div span{color:#ffffff;padding: 10px 16px; border: 1px solid #ff2222;margin-right: 15px;font-size: 19px; background: #ff2222;}
    </style>
    <div class="page_num">
        <div class="page_num_div">
            {$page}
        </div>
    </div>
</div>

<include file="Public:footer" />